*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
   @font-face {
     font-family: 'Requiem', serif;
    src: url('fonts/Requiem-Regular.woff2') format('woff2'),
         url('fonts/Requiem-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body {
    font-family: 'Requiem', serif;
      background-color: black
    ;
   
}
 
   

    ::-webkit-scrollbar{
        width: 15px; 
    }
    ::-webkit-scrollbar-track{
       background-color: rgb(0, 0, 0);
    }
    ::-webkit-scrollbar-thumb{
        background-color: rgba(255, 255, 255, 0.637);
        border-radius: 10px;
    }  
    
}

    html{
  overflow-x: hidden;

    }
.head{
    position: fixed;
    height: 15%;
     background-color:  rgba(24, 15, 0, 0.416);
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding-right: 40px;
    left: 0 ;
    right:0 ;
    top:  0;
    z-index: 5;
   
   

}

@media all and (max-width:760px) {
    .head{
     display:none;
    }
   
 
 }

 
.left-head>img{
    
  height: 110px;
 
}


.left-head{
    
    padding-left: 30px;
  
}
.right-head ul{
   display: flex;
   align-items: center;
   list-style-type: none;
   gap: 30px;
}
 .right-head li{

 border-radius: 5px;
 padding: 7px;
 transition: all 0.5s ease-in-out;
 
 }
 .right-head li:hover{
   background-color: rgba(255, 255, 255, 0.208);
  transform: scale(1.1);
 }

.right-head li>a{
color: white;
text-decoration: none;
}
 
/*menu for phone*/

.forup{
    display: flex;
    justify-content: space-between; 
    align-items: center;
    height: 13%;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 5;
    padding: 6px;
    background-color:  rgba(24, 15, 0, 0.416);
   
}
.forupleft>img{
    height: 80px;
    padding: 2px;
}
.forup{
   visibility: collapse;
}

@media all and (max-width:760px) {
   .forup{
     visibility: visible;
   }
    
}
.menu-phone ul{
 display: none;
}
.menu-phone img{
    background-color: rgb(150, 105, 25);
    border-radius: 2px;
}
.menu-phone ul{
    text-align: center;
    padding: 8px;
    padding-top: 30px;
  
}

.menu-phone li{
     margin-top: 8px;
    list-style-type: none;
    font-size: 18px;
    font-weight: 600;
    padding-bottom: 24px;
   
}
.menu-phone a:hover{
    color:rgb(183, 183, 241);
    transform: scale(0.9);
}
.menu-phone a{
    text-decoration: none;
    color: white;
    transition: all 0.5s;
}


#removemenu{
    position: absolute;
    top: -9;
    right: 20px;
    
    cursor: pointer;

}


   /* .home-background{
  
        height: 100vh;
        background-image: url("dark.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        animation-name: goo;
        animation-iteration-count: infinite;
        animation-duration: 50s;

    }  
*/

.home-background{
    height: 100vh;
  border-bottom: 4px rgba(150, 104, 25, 0.749) solid;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
}


.videoback{
    position: absolute;
    z-index: -1;
    right: 0;
    bottom: 0;
   
   
}

@media (min-aspect-ratio:16/9) {
    .videoback{
        width: 100%;
        height: auto;
    }
}
@media (max-aspect-ratio:16/9) {
    .videoback{
        width: auto;
        height: 100%;
    }
}


    @keyframes good {
        
        20%{
          background-image: url("background3.jpg");
        }
        
        40%{
          background-image: url("666666666.jpg");
        }
        
        60%{
          background-image: url("background5.jpg");
        }
        
        80%{
          background-image: url("law5.jpeg");
        }
       100%{
          background-image: url("222222222.jpg");
        }
        
       
    }
   
   

    .middle .first>h1{
        text-align: center;
        color: white;
         font-family: 'Requiem', serif;
        font-size: 40px;
        transition: 0.5s ease-in-out;
      
    }
    .middle .first>h1:hover{
      -webkit-text-stroke: 1px #fff;
      color: transparent;
      transition: 0.5s ease-in-out;
    }
    .middle h1>span{
        border-bottom: solid rgb(150, 105, 25) 2px;
        padding-bottom: 8px;
         font-family: 'Requiem', serif;

       
       
    }

    .middle{
        
        animation: up 2.3s ease-in;
        padding-top: 200px;
       
       
    }
    @media all and (max-width:700px) {
     
      .middle{
        padding-top: 150px;
      }
      }
    @keyframes up {
        0%{
            opacity: 0;
        }
        
        45%{
            padding-top: 120px;
            opacity: 0;
        }
       95%{
        opacity: 1;
       }
       100%{
        opacity: 1;
       }
    }
   
    .middle .follow>h5{
        text-align: center;
        color: white;
        padding: 10px;
    }


    .lawyer{
        display: flex;
        justify-content: center;
        align-items: center;
        margin: 60px;
        
        }
       
        @keyframes bbb {
               0%{
                 display: none;
               }
               
               45%{        
                  display: none;
               }
              95%{
             display: inherit;
              }
              100%{
              display: inherit;
              }
           }
          
       .button1{
           height: 50px;
           width: 200px;
           background-color: rgb(150, 105, 25);
           border-radius: 10px;
           font-size: 18px;
           display: inline-block;
           border: none;
             animation: bbb 5s;
              font-family: 'Requiem', serif;
         }
       
       
         .button1 span{
       cursor: pointer;
       display: inline-block;
       position: relative;
       transition: all 0.5s; 
       }
       
       .button1 span::after{
       content: '\00bb';
       position: absolute;
       opacity: 0;
       top: 0;
       right: -20px;
       transition: 0.5s;
       color: white;
      

       }

       @keyframes byy {

        0%{
          color:  rgb(1, 6, 27);
           
          }
          
          45%{        
           color:  rgb(1, 6, 27);
         }
         95%{
            color:  rgb(1, 6, 27);
         }
         100%{
         color: white;
         }
        
       }
       .button1:hover span::after{
       opacity: 1;
       right: 0;
       }
       .button1:hover span{
       padding-right: 25px;
       }
       .button1 a{
           color: white;
           text-decoration: none;
       }
     
      
       
       
        
    .sec-lay{
        height: auto;
        background-image: url("background5.jpg");
        background-repeat: repeat;
        background-size: cover;
        border-bottom: solid 7px rgb(150, 104, 25);
        border-bottom-left-radius: 5px;
        border-bottom-right-radius: 5px;
    }  

    .sec-lay-head>h1{
        color: white;
        text-align: center;
        padding-top: 80px;
       
    }



    .containr{
   
        width: 500px;
        aspect-ratio:1 ;
      overflow: hidden;
      border:  10px solid rgba(150, 104, 25, 0.155);
      border-radius: 8px;
      background-color: rgba(150, 104, 25, 0.251);
     }
     @media all and (max-width:700px) {
       .containr{
         width: 290px;
       }
      
       .wrapper>img{
        width: 300px;
     }
     }
     @media all and (max-width:300px) {
       .containr{
         width: 200px;
       }
      
       .wrapper>img{
        width: 200px;
     }
     }
     .wrapper{
       
        display: flex;
        object-fit: contain;
     }
     .wrapper>img{
        width: 500px;
        aspect-ratio: 1;
        animation: move 25s linear infinite;
     }
     @keyframes move {
        0%{ transform: translateX(0);}
        25%{ transform: translateX(0);}
        30%{ transform: translateX(-100%);}
        50%{ transform: translateX(-100%);}
        55%{ transform: translateX(-200%);}
        75%{ transform: translateX(-200%);}
        80%{ transform: translateX(-300%);}
        100%{ transform: translateX(-300%);}
     
     
     }
    
     .real-estate{
         display: flex;
         justify-content: space-around;
         align-items: center;
         flex-wrap: wrap;
         color: white;
         gap: 50px;
         padding: 30px;
     }
     .estate{
        padding: 24px;
         line-height: 2;
         border-radius: 6px;
         background-color: rgba(150, 104, 25, 0.221);
     }
     .estate h1{
         padding-bottom: 24px;
     }
     .real-estate li,p{
        font-size: 16px;
     }
     



     .fouter{
        height: auto;
   
        
    }
    
    .form-list{
        display: flex;
       align-items: center;
       gap: 10px;
      
    }
    .down-last{
        display: flex;
        flex-direction: column;
        align-items: center;
        
      }
        
     .connect-us{
        color: white;
        display: flex;
        align-items: center;
        gap: 6px;
        
     }
     
    .form-list li{
        list-style-type: none;
        aspect-ratio: 1;
    }
    .address-loc p{
        color: white;
        display: flex;
        align-items: center;
        gap: 6px;
        font-style: italic;
        padding: 8px;
        
        
    }
    
        .map{
            display: flex;
            justify-content: space-around;
            align-items: center;
            flex-wrap: wrap;
            color: white;
           

        }
        .map2{
            display: flex;
            justify-content: space-around;
            align-items: center;

        }
        @media all and (max-width:760px) {
    
        .map{
            flex-direction: column-reverse;

        }
 
       }

        .map0{
            width: auto;
            border-right: solid 2px whitesmoke;
            padding: 8px;
        }

     
    .map iframe{
         margin: 20px;
        width: min(390px, 80%);
        outline: none;
        aspect-ratio: 1;
        border-radius: 8px;
    }
    
     
    


.third{
   
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
}
    .third-layout{
      height: auto;
        padding: 16px;
        display: flex;
       justify-content: space-evenly;
        align-items: center;
        flex-wrap: wrap;
         gap: 20px;
    
       }
    
       .third{
        height: auto;
    }
       @media all and (max-width:700px) {
        .third{
            height: auto;
        }
          .third-layout{
            padding-top: 30px;
            padding-bottom: 30px;
            gap: 50px;
           }
          
    
          
        
         }
    
    
      
       .third-layout-left img{
        width: 400px;
       
        border: solid 5px rgba(1, 1, 1, 0.2);
        border-radius: 12px;

       }
       @media all and (max-width:700px) {
        .third-layout-left img{
            width: 280px;
        
      }
    }
       .third-layout-right{
         height: auto;
       width: 430px;
        background-color: rgba(150, 104, 25, 0.2);
        color: white;
        text-align: center;
        border-radius: 6px;
        
       }
    
       .third-layout-right>h1,p{
        padding: 10px;
       }
    
       .third-layout-right p{
        line-height: 1.2;
        font-size: small;
       }
    
       .fort-layout{
        height: 100vh;
         background-image: url("dark.jpg");
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        overflow-x: hidden;
         scrollbar-width: none;
       }


  .end{
    color: white;
  }
     .end1{

      height: 100v;
    
        padding-bottom: 16px;
       
    }

     .end5{
        display: flex;
        gap: 8px;
        flex-wrap: wrap;
        justify-content: space-around;

     }
    @media all and (max-width:700px) {
       
         .end3{
           width: 325px;
         }
         }


  .end3 p{
        font-size:19px;
        text-align: center;
       
    }
  .end3 h2{
        text-align: center;
        padding: 10px;
    }


    .end3{
        background-color: rgba(150, 104, 25, 0.473);
        height: 400px;
        aspect-ratio: 1;
        position: relative;
        margin-top: 120px;
        border-radius: 10px;
        transition: all 0.9S;   
    }
    .end3:hover{
        transform: translateY(-6px);
        transition: all 0.9s;

    }
   

    
@media all and (max-width:800px) {
    
  .end5{
    gap: 35px;

  }
  .end3{
    margin-top: 10px;
  }
   
 
 }
    .forth-layout{
        height: auto;
    }
    .end4{
        background-color: rgba(0, 0, 0, 0.466);
        color: white;
        height: 100%;
        width: 100%;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        position: absolute;
        transition: all 0.8s;
        border-radius: 10px;
        
       
    }
    .end4:hover{
      opacity: 0;
      cursor: pointer;
       
    }

  .end h2{
        text-align: center;
    }
.end6{
    height: 100%;
    
}
.con{
    display: flex;
    justify-content: center;
   
}
.l button{
    width: 120px;
    height: 40px;
    border-radius: 16px;
    outline: none;
    border: none;
    background-color: rgb(150, 105, 25);
    font-weight: 600;
    font-size: 16px;
    transition: all 0.8s;

}
.l button>a{
   color: white;
   text-decoration: none;

}
.l button:hover{
   background-color: rgba(150, 105, 25, 0.8);
    transform: scale(0.99);
}


    #pic{
        width: 100%;
        height: 90%;
        border-radius: 10px;
    }
    .form-list i{
     transition: all .5s;
    }

    .form-list i:hover{
        transform: scaleX(1.3) ;
    }
    

    .second-home{
        height: auto;
        position: relative;
      padding-top: 100px;
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-wrap: wrap;
      color: white;
      padding: 16px;
      gap: 10px;
       
    }
    @media all and (max-width:800px) {
         .second-home{
            padding-top: 10px;
         }
    }
    
    .second-right{
       
        border-radius: 5px;
        padding: 8px;
        background-color: rgba(150, 104, 25, 0.2);
        border-radius: 5px;
        width: 50%;
    }

    @media all and (max-width:600px) {
         .second-right{
       
               width: auto;
    }
    }
    
    .second-home-box{
        padding: 10px;
    
        border-radius: 5px;
        background-color: rgba(150, 104, 25, 0.2);
    }.end
    .second-right h2,h3{
        padding: 16px;
        text-transform: capitalize;

    }
    .move-to a{
        color: rgb(255, 255, 255);
        text-decoration: none;
       
    }
    
    
    .move-to>li{
        list-style-type: none;
        padding: 3px;
        margin-top: 2px;
        border-radius: 5px;
        transition: all 0.5s;
        border: rgb(255, 255, 255) solid 1px;
      
       
    }
    
    .move-to>li:hover{
        transform: scale(0.95);
    }

    
    .big{
        position: relative;
        min-width: 400px;
        width: 400px;
        height: 400px;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        z-index: -1000;
    }

@media all and (max-width:800px) {
    .big{
       width: 200px;
      height: 200px;
    }

    .gib{
       display: none;
     
       }
    
}

   .element{
    position: relative;
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, 0.292) ;
    scale: 0.75;
   }

   .gib{
    position: absolute;
    top: 900px;
    left: 35%;
   
 
   }
   .end4 h5{
    text-align: center;
   }
    

   
    .finish{
        background-color: rgba(0, 0, 0, 0.489);
        box-shadow: 0 0 20px black;
        border-radius: 5px;
        display: flex;
        justify-self: right;
        width: 400px;
    }
    .finish p{
        line-height: 2;
    }
    
    .free-button{
        position: fixed;
        right: 30px;
       z-index: 1000;
        bottom: 100px;
        align-items: center;
     
    }

    .free-button button{
     padding: 10px;
     border-radius: 8px;
     outline: none;
     border: solid 2px black ;
     background-color: rgb(150, 105, 25);
     transition: all 1s;
    }
    .free-button button:hover{
    transform: scale(0.9);
    }
    .free-button button a{
      color: black;
      text-decoration: none;
      font-weight: 600;
    }


        :root {
            --navy: rgb(150, 105, 25);
            --navy-light:  rgb(0, 0, 0);
            --gold: #c5a47e;
            --gold-dark: #a88a67;
            --grey-900: #000000;
            --grey-700: #000000;
            --grey-600: #000000;
            --grey-300: #e2e8f0;
            --grey-100: #f8fafc;
            --white: #ffffff;
        }


         .container {
            max-width: 900px;
            margin: 0 auto;
            padding: 0 1.5rem;
        }
        /* Cookie Banner - TOP Fixed */
        .cookie-banner {
            position: fixed;
            top: 0;
            left: 0;
            right: 0;
            background: var(--white);
            border-bottom: 3px solid var(--gold);
            box-shadow: 0 4px 20px rgba(10, 37, 64, 0.12);
            z-index: 9999;
            transform: translateY(-110%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        .cookie-banner.show {
            transform: translateY(0);
        }
        .cookie-container {
            max-width: 1200px;
            margin: 0 auto;
            padding: 1.25rem 1.5rem;
        }
        .cookie-main {
            display: flex;
            gap: 1.5rem;
            align-items: flex-start;
            flex-wrap: wrap;
        }
        .cookie-content {
            flex: 1 1 480px;
        }
        .cookie-content h2 {
            margin: 0 0 0.5rem;
            font-size: 1.125rem;
            border: none;
            padding: 0;
            font-family: 'Inter', sans-serif;
            font-weight: 600;
        }
        .cookie-content p {
            margin: 0;
            font-size: 0.95rem;
            line-height: 1.5;
        }
        .cookie-actions {
            display: flex;
            gap: 0.75rem;
            flex-shrink: 0;
            align-items: center;
            flex-wrap: wrap;
        }
        .btn {
            padding: 0.65rem 1.25rem;
            border-radius: 6px;
            font-weight: 600;
            cursor: pointer;
            border: 2px solid transparent;
            font-size: 0.9rem;
            transition: all 0.2s ease;
            font-family: 'Inter', sans-serif;
            white-space: nowrap;
        }
        .btn:focus-visible {
            outline: 3px solid var(--gold);
            outline-offset: 2px;
        }
        .btn-primary {
            background: var(--navy);
            color: var(--white);
            border-color: var(--navy);
        }
        .btn-primary:hover {
            background: var(--navy-light);
        }
        .btn-secondary {
            background: transparent;
            border-color: var(--grey-300);
            color: var(--navy);
        }
        .btn-secondary:hover {
            background: var(--grey-100);
            border-color: var(--navy);
        }
        .btn-tertiary {
            background: transparent;
            color: var(--grey-600);
            text-decoration: underline;
            border: none;
            padding: 0.65rem 0.5rem;
        }
        .btn-tertiary:hover {
            color: var(--navy);
        }
        .cookie-preferences {
            margin-top: 1.25rem;
            padding-top: 1.25rem;
            border-top: 1px solid var(--grey-300);
            animation: fadeIn 0.3s ease;
        }
        @keyframes fadeIn {
            from { opacity: 0; transform: translateY(-5px); }
            to { opacity: 1; transform: translateY(0); }
        }
        .pref-grid {
            display: grid;
            gap: 0.75rem;
            margin-bottom: 1rem;
        }
        .pref-item {
            display: flex;
            align-items: flex-start;
            gap: 0.6rem;
            font-size: 0.9rem;
        }
        .pref-item input {
            margin-top: 0.2rem;
        }
        .pref-item label {
            color: var(--grey-700);
        }
        .pref-item label strong {
            display: block;
            color: var(--navy);
        }
        /* Header */
        .site-header {
            background: var(--navy);
            color: var(--white);
            padding: 3.5rem 0 2.5rem;
            text-align: center;
            border-bottom: 4px solid var(--gold);
        }
        .brand {
            font-family: 'Merriweather', serif;
            font-size: 2rem;
            letter-spacing: 0.5px;
            margin-bottom: 0.25rem;
        }
        .tagline {
            color: rgba(255,255,255,0.8);
            font-size: 0.95rem;
            letter-spacing: 1px;
            text-transform: uppercase;
        }
        /* Main */
        main {
            padding: 3rem 0 4rem;
        }
        .policy-card {
            background: var(--white);
        }
        .updated {
            color: var(--grey-600);
            font-size: 0.9rem;
            margin-bottom: 2rem;
            font-style: italic;
        }
        /* Tables */
        table {
            width: 100%;
            border-collapse: collapse;
            margin: 1.5rem 0 2rem;
            font-size: 0.925rem;
            border: 1px solid var(--grey-300);
            overflow: hidden;
            border-radius: 8px;
        }
        thead {
            background: #f8f5f0;
        }
        th {
            color: var(--navy);
            text-align: left;
            padding: 0.85rem 1rem;
            font-weight: 600;
            border-bottom: 2px solid var(--gold);
        }
        td {
            padding: 0.85rem 1rem;
            border-bottom: 1px solid var(--grey-300);
            color: var(--grey-700);
            vertical-align: top;
        }
        tr:last-child td {
            border-bottom: none;
        }
        tr:hover td {
            background: #fdfcfa;
        }
        /* Footer */
        .site-footer {
           
           
           
            text-align: center;
            font-size: 0.875rem;
           
        }
        .footer-links {
            margin-bottom: 0.75rem;
            display: flex;
            gap: 1.5rem;
            justify-content: center;
            flex-wrap: wrap;
        }
        .footer-links a {
            color: var(--navy);
            text-decoration: none;
            font-weight: 500;
        }
        .footer-links a:hover {
            text-decoration: underline;
        }
        /* Responsive */
        @media (max-width: 768px) {
            h1 { font-size: 1.875rem; }
            h2 { font-size: 1.3rem; }
            .cookie-main { flex-direction: column; gap: 1rem; }
            .cookie-actions { width: 100%; }
            .btn { flex: 1; text-align: center; justify-content: center; }
            .site-header { padding: 2.5rem 0 2rem; }
            .brand { font-size: 1.6rem; }
            table { display: block; overflow-x: auto; white-space: nowrap; }
        }
        /* Print */
        @media print {
            .cookie-banner, .site-header, .site-footer, .btn { display: none !important; }
            body { padding-top: 0 !important; background: white; color: black; font-size: 12pt; }
            .container { max-width: 100%; padding: 0; }
            h1, h2 { color: black; border-bottom: 1px solid #000; page-break-after: avoid; }
            a { color: black; text-decoration: underline; }
            table { border: 1px solid #000; page-break-inside: avoid; }
            th { background: #eee !important; color: black !important; }
            main { padding: 0; }
        }